@@@@@@@@@@@@@@@@@  TjzM@What's New 2004/1/23


@@@@S҂̂߂̃z[y[W/Web for beginner
@@@@@ @@@http://www.scollabo.com/banban/
@@
@@@@@@@@@@@@@@@82

@@@@@@  @  @@@@@banban@scollabo.com



@úAS҂⒆҂@ƍ@gɂāAv̖{iI
 Weby[W쐬ɖ𗧂ƂړIɔzMĂ܂B

@uł HTML4.01AXHTML1.1AXML1.0 𒆐SƂ@̂ƂȂĂ
܂BȂÃ}KW͓tHgłǂ݂ƉKɓǂ߂悤
ɂȂ܂B

@@T̃Rec
       WebfUC 26 --- N
@@@ HTMLu  26 --- ANZVuȃtH[̍쐬
@@@ CSSu@R --- ZN^
@@   ̉iXj --- 



WebfUCi26j@N

@irQ[V̖ڂʂNɂ́Ag̃TCgQƂ̂
̃TCgQƂQɕނĂ܂B

@OTCgւ̃irQ[V
@Rec̒ŁA̗Lpȏ񋟂TCgփN@́A
@[}KW̃TCgłɓnėpĂ܂B
@@PN\邾ŁA{҂͊ȒPɂ̃TCgK₵Alb
@g[NĂ݂̏L邱Ƃ́AɃC^[lbg
@햡ł܂B

@@̂悤ȃNɂ֌ẂA̐̊ONɂĂɍL
@܂BFB̗FB͗FBłAƂ悤ȓWJ邱ƂɂȂ邱Ƃ
@傤BϋɓIɊOTCgQƂł悤ɂ̂łB
@@LpȃTCg΁A^NPu
@ŏ\łB

@ONւ̃}i[
@ÕTCgփNꍇɂ́Ał邾̃TCg𐳊mɋLq
@邱ƂVƂ̂łBPɁuvƂ̂̓}i[ᔽłB{
@҂ɂ̃N悪ǂ̂悤Ȃ̂ɂ̂łB

@@ÕTCgɃN𒣂ꍇAƂăN𒣂|`Ȃ
@Ă܂܂BiƁA͂vĂ܂Bj
@@N\ۂɂ͂fȂĂ悢ƂƂłB̃T
@Cg̔rIi̂łȂ΁Ǎł͂܂
@AC^[lbgƂԂŌJĂ鎖lƁAN\
@̂ɁÂf肪ł傤B

@@܂ALpȃy[WɃNƂƂ؂ȂƂłBʂɂ̃T
@Cg̃gbvy[WłȂĂAKvƎvy[WɃN邱Ƃ́A
@{҂ɗ]vȑƃ\[X̑邱ƂȂQƂł킯łB

@@NJ鈤m̌TCgł́Agbvy[WȊÕNAl
@TCg̃NApTCg̃NւƔ\܂B
@@JӂȂ΂肩Aӂ܂ŊJĂ܂܂B
@Ɍ킹΁Â悤ȃTCg Web̐Eނׂƍl܂B

@@I֐Sł鈤m̌TCǵA̋TCgłA
@炱A̖͍LJĂׂłB
@@́AC^[lbgƎvĂ̂ł傤Ii{j

@Nt[
@悭̂AũTCg̓Nt[łBRɃN\
@ĒĂ܂܂BvƂLqłB
@@ʂɗg͂܂񂪁AuNt[FLink Free v
@ǂƂp݂͑܂B

@@܂AuNt[vƖĂɂ炸AuN̍ۂɂ
@ABvƏĂTCg܂A͂ǂƂ
@傤BNRłȂ΁AfAȂǍŏsvȂ
@łB
@@ANɍۂĘÂł΁AuNɊւĂ͂炩
@߂ABvƖLׂƍl܂B

@oi[
@TCgւ̃Nɗp̂Aoi[Ƃ摜łBoi[
@́uBannervARAA(X[KȂǂ)fȂǂ̈Ӗ
@܂B
@@oi[摜ɂ̓Aj[V𗘗pāu`J`Jv肵
@Ėڗ悤ȍHvĂ܂Boi[摜NWȂǂł
@񌩂邱Ƃ́Aڂɂ͔hYɌ܂Aeʂ傫
@̂łBɃAj[V摜͐Î~摜d̂łB

@@oi[摜\ƁARlbg̓gtBbN
@݂܂BNēirQ[V́AeLXgŏ\łBʂ
@̃TCgŃoi[ĂȂƂu݁v猾Ă̂ł
@܂Bi΂ɁAƁAj

@@N̏𐳂ĂقA{҂ɂƂāA͂邩ɗL
@vłB܂Aoi[摜̏oEsoŃTCg𔻒fĂ܂
@ꂱÃy[W̍҂ɂƂĔߌƂ̂łB

@ONĂ{҂ւ̔z
@TCgł̃TCgŎ郊NĂ鑽̉{҂
@BɁATCgONŎTCgֈړ{҂
@Ȃ܂B
@@ONĂlÃTCg̑̃y[WƂA
@ɑ̃y[WɈړłirQ[VȂ΁A{҂͍s~܂
@ɊׂAǂɂړłȂԂ܂B

@@C^[lbgƂL Web̐EŎX̃TCǵA
@ł͋ȃf[^x[X̂悤łBꂼ̗LpŗLvȃf[^x[X
@AunCp[NvƂ`ŋLԂɂāA݂т
@郊NAHTML̍łIȎdg݂łB
@@K{҂ƂȂAp₷y[W쐬邱Ƃ́Af[
@^x[XA^p₷񋟂邱ƂɑȂ܂B

@@@@@@@@@@@@@@@@@@@@@i26@EᔻɂÂj



HTMLu i26j@ANZVuȃtH[

@O͊ȒPɃtH[̍쐬ɂĐ܂B́AO쐬t
H[𒆐SɁAANZVuiANZXjȃtH[ɂďڂ
܂B

@ANZVreBƂ́H
@ANZVreBꌾŐƁÃy[WNłAǂ̂悤Ȋ
@łA̓ꐫLłƂƂłB

@@A҂Ɠ{҂ɂꍇA҂͉{҂̊ӎ
@Ƀy[W쐬邱Ƃł܂A͂ȂقȂĂ܂B
@@ۂɂ́A{҂̊͐獷ʂłBʐMvbgtH[A
@p郆[UG[WFgȂǂႢ܂B

@@TCgɃANZX{҂̊ANZXOŒׂĂ݂ƁA
@ɋ[ʂƂȂĂ܂B

@@@2003N124T̃ANZXO
@@@OSF@@WindowsXP@----@39.2
@@@@@@@Windows2000 ---@25.5
@@@@@@@Windows98@----@ 9.8
@@@@@@@WindowsMe@----@ 4.7
@@@@@@@Mac OS 9.2 ----@ 3.7
@@@@@@@Mac OS X  -----@ 3.6
@@@@@@@UNIXnOS@-----@ 1.2

@@@UA@@@MSIE6.0@-----@ 71.1
@@@@@@@MSIE5.5@-----@  6.2
@@@@@@@MSIE5.2iMacj@@2.8
@@@@@@@Mozilla7.0 --@@ 2.3 iNetscape܂ށj
@@@@@@@Opera7.0 -----    0.9
@@@@@@@̑   -----@@2.6 
@@@@@@@񎋊on@----@@0.4

@@ʂƁA|IɃ}CN\tg[Û
@ÃvbgtH[\tgEFAȂ܂B
@@݂̓{̃C^[lbg[Ű̓IȐ͕܂񂪁AႦ
@3000lƐ肵ꍇAP30lŁA0.515lƂȂ܂B

@@TCg̃^[Qbg[ÚAz[y[W쐬ɋ̂łB
@{҂̗p́AƂē肷̂ł͂܂B
@ꍇA}CN\tg[Uɕ΂y[W쐬Ƃ킯ɂ
@Ȃ̂łB

@@Ȃ쐬y[W͒N̂ł傤H
@ꂪANZVreB̍qłB}CN\tg[U͈|IłA
@ł͂Ȃ{҂ďȂȂ̂łB
@@ANZVreB́A{҂̊Ɉˑ邱ƂȂ Weby[W񋟂
@̓ꐫA킯ւĂȂ񋟂Ƃ݂łB


ANZVreB񋟂tH[
@̓IȗᎦȂAۂɂǂ̂悤ɂ΁AANZVuȃtH[
\zł̂ẢۑɂĒTĂ݂܂B

@͏̒ӓ_
@tH[̓̓tB[h쐬ꍇA̓̓tB[h
@Ă̂𖾎邱Ƃ͓OłB
@@Ⴆ΁A

@@@OF@i@@@@@@j@[AhXF@i@@@@@@@@j

@@̂悤ȕ\ł́AO⃁[AhX̓͂uCӁvłƗ
@ꂪłB܂A͂ȂĂ悢AƔfĂ܂܂B
@@O⃁[AhXKvȂꍇɂ͂܂܂񂪁ȀꍇɂA
@炩̃bZ[W~̂łB

@@@OiK{jFSp@@@@@i@@@@@@@@@j
@@@[AhXiCӁjFp@i@@@@@@@@@j

@@@͍ڂuK{vuCӁvȂ̂𔻒fޗƂĂ̋Lڂ
@΁A{ґŗłł傤Bpȓ͂̂{҂̐S
@łB܂A͕pȂ̂ASpȂ̂ʂł悤ɂȂ
@΁A{҂ƂȂȂ܂B

@̓tB[h̍\
@ÕtH[HTMLł́Aȉ̂悤ɋLq܂B

@@<p>
@@@OF<input type="text" name="O">@
@@@[AhXF<input type="text" name="[">
@@</p>

@@̓̓tB[hł́AP̒i̒łQ̓͗܂Bo
@nuEUł́AuOvƏĂEׂɓ̓tB[h\
@B܂AuOvƏĂ邷΂ɓ̓tB[h邽߁A
@{҂͂uOv̓͗Ɣf킯łB

@@A̋Lq͓̓tB[hu\vĂ킯ł͂
@B܂܂΂ɓ͗ɉ߂܂B͍ڂ̃xƓ
@̓tB[he[uȂǂ̂悤ɈقȂubNŕ\ꍇA񎋊o
@nuEŨ[U͂̊֘AtłȂȂ鋰ꂪ܂B

@@ς肪ƂɁAHTML4.01ł́A͍ڂ̃x\@\
@Ă܂B

@@<p>
    <label>OF<input type="text" name="O"></label>
    <label>[AhXF<input type="text" name="["></label>
@@</p>

@@labelvfقȂubNŗpꍇɂ́Afor𗘗p܂B
@for̒l IDREFƂȂ܂B

@@<table summary="tH[">
    <tr>
    <td><laber for="onamae">OF</label></td>
    <td><label id="onamae"><input type="text" name="O"></label></td>

@@̂悤ɂāA͍ڂ̃xƎۂ̓̓tB[h֘At邱
@ƂɂāA̓tB[hŜ\܂B

@̓tB[h̕TCY
@ʏ WebuEÚÃTCYw肳ĂȂ΁i邢͕T
@CY̎w𑊑ΒlŐݒ肵ĂꍇjA{ґŎRɕ̑傫
@߂邱Ƃł܂B
@@Ƃ낪Aꕔ̎onuEUł́A̓tB[h̕TCYς
@邱Ƃł܂B҂ɂƂĂ͔ɐhȂ܂B

@@ŁAformvfɃX^CV[gňȉ̂悤ɐݒ肵ĂB

@@<form style="font-size:100%">
 @@邢́A
@@@form { font-size: 1em }

@@邱ƂŁA{ґœ̓tB[h̕TCYRɕύX
@Ƃ\ɂȂAANZVuȊ񋟂邱Ƃł܂B

@j[ڂ̃O[v
@selectvfŔzuv_Ej[ł́Ãj[ڂɉO
@[vsƂŁȂj[́u܂Ƃ܂v𖾎āA{
@ɗD񋟂܂B
@@HTML4.01ł́Aj[ڂO[v optgroupvf`Ă
@܂B̗vf^Ȃ̂ŁAgȂ͂܂B

@@<select name="E">
    <optgroup label="Ј">Ј
      <option value="oc">oc/Ж</option>
      <option vlue="E">/ے/W</option>
      <option value="ʐE">ʎЈ</option>
    </optgroup>
         `@ȉȗ@`
@@</select>

@̓tB[h̃O[v
@e̓tB[hA̐ɍ킹ăO[vA{҂ɎoIȃt
@H[̍\񋟂܂B
@@HTML4.01ł́A̓̓tB[h܂Ƃ߂vfƁÃO[v
@x\vfpӂĂ܂B

@@ fieldset@̓tB[h̊eIuWFNgO[v
@@ legend    O[veIuWFNg̃x񋟂

@̓tB[h̏W܂O[vA̕\邱ƂɂāA{
@҂͒IɁA̓ec邱Ƃo܂B

@}EXgȂ̂߂
@ڂsRȐl⎈̕sŚ̕A}EXł܂B_≹A
@邢͈ꕔ̃eLXguEUł́A{IȑL[{[hs܂B
@@̂ƂAe̓tB[hɃANZXłȂƂA҂{҂
@ƂĂߌƂ悤܂B

@@{҂ɂeՂɓ̓tB[hړł悤ɂ̂AA
@NZXL[ŁAHTML4.01ł́Aaccesskey`Ă܂B
@@܂AANZXL[ȊOɂ^uL[݂̂̑łA̓tB[he
@ՂɈړł tabindexƂ@\܂B

@accesskey="Cӂ̂P"
@Ⴆ΁AO̓͗ł nL[𗘗pƂA̓tB[h̃x
@֘AIт܂傤B܂́A΂ɃANZXL[킷
@\ĂƂ܂B

@tabindex="0`32767̊Ԃ̂ꂩ̐l"
@^uL[͂̏ɐlw肵Ă΁A{҂͒PɃ^uL[𑀍삷
@邾ŁA̓tB[hړł܂B


ANZVuȃtH[̍쐬
@āAꂼ̓̓tB[hɊւANZVreBɂďqׂ܂
B@\𗘗pȂANłAǂȊłtH[̓
e`HTML쐬܂B

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-2022-JP">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="next" href="../review_082.html">
<link rev="made" href="mailto:banban@scollabo.com">
<link rel="shortcut icon" href="../images/favicon.ico">
<title>ANZVuȃtH[/S҂̂߂̃z[y[W</title>
<style type="text/css">
<!--
form, input, textarea, select { font-size: 1em }
fieldset { padding: 1em }

div  { margin: 1ex }
span { padding-right: 0.5em; 
       text-decoration: underline; 
       font-style: italic }
-->
</style>
</head>

<body>
<h1>ANZVuȃtH[</h1>
<h2>͂炩</h2>
<form action="#">
<fieldset>
<legend>l</legend>
<div><label>OF<span>N</span> 
<input type="text" name="O" value="" tabindex="1" accesskey="n">
</label>

<label>[AhXF<span>A</span> 
<input type="text" name="[" value="" tabindex="0" accesskey="a">
</label>
</div>

<div>
ʁF<label>j <span>M</span> 
<input type="radio" name="sex" value="man" tabindex="2" accesskey="m">
</label>
<label> <span>F</span> 
<input type="radio" name="sex" value="woman" tabindex="3" accesskey="f">
</label>
</div>

<div><label>EƁF
<select name="E" tabindex="4">
<option selected>Iт</option>
<optgroup label="Ј">
<option value="oc">oc/Ж</option>
<option value="E">/ے/W</option>
<option value="ʐE">ʎЈ</option>
</optgroup>
<optgroup label="w">
<option value="w">w</option>
<option value="Z">Z</option>
<option value="Z">Z</option>
<option value="w">w</option>
</optgroup>
<optgroup label="̑">
<option value="c">c</option>
<option value="t[^[">t[^[</option>
<option value="w">w</option>
<option value="E">E</option>
</optgroup>
</select>
</label></div>
</fieldset>

<p><label>e <span>T</span><br>
<textarea name="title" rows="5" cols="60" tabindex="5" accesskey="t">
͂ɂB
</textarea>
</label></p>

<p>
<span>S</span>
<input type="submit" value="M" tabindex="6" accesskey="s">
<span>R</span>
<input type="reset" value="" tabindex="7" accesskey="r">
</p>
</form>

</body>
</html>

@TvtH[̎s
@http://www.scollabo.com/banban/magazine/mm/sample_82-1.html



@tH[Ɋ֘AX^CV[gƁAHTML\ɂĉ܂B

form, input, textarea, select { font-size: 1em }

@formAinputAtextareaAselect ̊evfŔzu̓tB[h̕
@TCYw肵Ă܂B1em ͋̓Iȑ傫ł͂ȂA{҂p
@镶̕W̑傫 M ̑傫ŕ\܂B
@@̂߁Aۂ̑傫͉{҂̃uEUɈˑ܂Bɂĉ{
@҂́Ȃ傫RɕύX邱Ƃ\łB

fieldset { padding: 1em }

@̓tB[hO[vvf̓ɁAP̗]ݒ肵܂
@B̗vfŕ`gA̓tB[hƂȂ߂̎
@oIȌʂ_Ă܂B

div  { margin: 1ex }

@tH[ŔzuėpIȃubNxvf̗]Ax Ƃ
@̑傫̕Őݒ肵Ă܂B

span { padding-right: 0.5em; text-decoration: underline; 
@@@@ font-style: italic }

@̗vfɈ͂܂镶A\ƎΑ̂ŕ\܂B܂A̗vf
@Eɂ́AP̗̔̕]Ă܂B

<form action="#">

@tH[`Ă܂B action̒lu#vƂ̂́ÃtH[
@̑MwłȂ߁AƂ肠[IȑMƂ܂B
@@̂߁ÃtH[̃f[^͂ǂɂM܂Bۂɂ́Af
@[^邽߂̃vOȂǂMɓĂ܂B
@@actiońAformvfŕK{̑ƂȂ܂B

<fieldset> ` </fieldset>

@͈̔͂Ɉ͂܂ꂽe̓tB[hP̊ƂăO[v܂B
@ʓIȎonuEUł́Ag\ăO[vł邱Ƃ𖾎
@BȂA̗vf𗘗pꍇɂ́AȉɎ legendvfgăx
@pӂ܂B

<legend>l</legend>

@fieldsetvfŃO[v`ƂɁÃO[ṽx񋟂
@܂BʓIȎonuEUł́AgɃx\܂B

<div> ` </div>

@formvfŔzue̓tB[h́AKubNxvfŔzu
@Ȃ΂Ȃ܂B̂߁Ał͔ėpIɗp divvfœ
@tB[h݂͂܂B
@@Ȃ divvf́AɈӖĂ܂BPȃubNxvf
@Ē`Ă邾łBCCxvfł́AspanvfėpI
@ɗpł̂ƂĒ`Ă܂B

<label>j ` </label>

@̓tB[hɃx񋟂AxƓ̓tB[ḧ̓Iȍ\
@𖾎Ă܂B̗vf͈̔͂Ɋe̓̓tB[hzu܂A
@̗vfqɎgƂ͋֎~Ă܂B

<span>N</span> 

@ANZXL[̕񎦂Ă܂Bspanvf͈ӖȂėpIɗ
@płCCxvfłB

<input type="text" name="O" value="" tabindex="1" accesskey="n">

@eLXg͗p̃tB[h񋟂Ă܂BnameŎw肵ÓA
@f[^MƂɁAf[^Ƒ΂ɂȂđ܂B
@@Ȃ value̒lɂȂĂ̂́A̓tB[hɉ\
@Ȃꍇ "" Ƃ܂B炩̕LqƁA̒l̂
@̂lƂāA̓tB[hɕ\܂B
@@ł́A{҂ɓ͂Ă炤̂ŁAf[^̒lŏɂĂ
@悤ɐݒ肵܂B

@@̗vf́AI^OȂiGveBjvfƂȂĂ܂B
@̂ XHTMLł́AsɔpXy[Xu /> ƋLq܂B

@@^uL[͂PԖڂɂĂ܂̂ŁAŏɃ^uL[Ƃɂ̓
@̓tB[hI܂BȂAʓIȎonuEUł̓T|[g
@ۊOłB
@@ANZXL[͓͂̓e n Ƃ܂BO n łB

<input type="radio" name="sex" value="man" tabindex="2" accesskey="m">

@WI{^`̓̓tB[hłBWI{^́AP̃tH[
@ł́API邱ƂłȂrI̓tB[hłB̓
@͂󂯕tꍇɂ́Atype checkbox w肵܂B

@@valueɎw肳Ăl man ́Af[^M̍ہAf[^ƈꏏɑ
@܂B

<select name="E" tabindex="4">

@j[I̓̓tB[h`܂Bname͕K{ł̂ŁAY
@ꂸɃj[eeLXgLq܂BANZVL[gȂ
@̏XcOȂƂłB

<option selected>Iт</option>

@selectvfŔzu郁j[ݒ肵Ă܂Bselected͒l
@܂񂪁A͂炩ߑIĂ邱Ƃ܂BǂɋLq
@ĂĂȂꍇAŏɕ\郁j[ƂȂ܂B
@@̗vf valuew肳ĂȂ̂́AꂪIׂ
@ڂł͂ȂƂĂ܂B

@@ optionvf́AI^Oȗ邱Ƃł܂AXHTMLł͏ȗs
@ƂȂĂ܂BHTML̏ꍇłAȂׂI^OLqK
@傤B
@@܂ XHTML̏ꍇAselectedŏłȂ߁A
@@ selected="selected" ƁALqȂ΂Ȃ܂BӂĂB

<optgroup label="Ј"> ` </opygroup>

@͈̔͂ɂ optionvfŒ`ꂽej[ڂO[v܂B
@labelŎw肳ꂽeLXgAO[vƂ̕\ɂȂ܂B
@@ʓIȎonuEUł́A̕\肪Α̂ŕ\܂B

<input type="submit" value="M" tabindex="6" accesskey="s">

@type submit ƂꍇAʓIȎonuEUł̓{^`ŕ\
@Af[^M̍ۂɗp܂B܂ valueŎw肳ꂽeLXg
@{^ɕ\܂B

<input type="reset" value="" tabindex="7" accesskey="r">

@type reset ̏ꍇA͂f[^̏Ԃɂ܂B
@ʓIȎonuEUł̓{^`ŕ\ valueŎw肵eL
@Xg{^ɕ\܂B


܂Ƃ
@́AANZVreBɏd_uătH[쐬܂BO쐬
@tH[ƌׂĂ݂Ƃł傤B

@@{Iɂ́Aڂ͑傫ς邱Ƃ͂܂BɎonuEU
@Ƃɂ́A̕ωɋCÂȂꍇł傤BAQ
@lAOtBbNE[U[C^[tFCXgȂ̐l
@p񎋊onuEUł́AtH[̂̂܂قȂ郌
@_OƂȂł傤B

@@ق̏̎Ԃ邱ƂŁA{҂̊ɈˑȂuDvt
@H[񋟂邱Ƃł܂BHTMLoƂAANZVr
@eBɂ֐SĂB
@@̍҂Ajo[TEfUCS邱ƂŁAC^[lbg
@̗LṕAɔ􂷂邱ƂɂȂ邱Ƃ͊ԈႢ܂B



Tips@}EXgȂ̂߂

@accesskey
@}EXgȂ̉{҂ɂƂāAANZXL[͔ɂ肪
@̂łB̑́APɃtH[ŗpȊOɁAeirQ[V\
@郊Nɂpł܂B

@@ANZXL[̗ṕAɂĈقȂ܂AWindows ł altL[
@ƓɉĎg܂B܂AMacintoshł́AcontrolL[ꏏĎg
@܂BApuEUɂĔɈقȂ܂B


Tips@RESETij{^͕KvH

@Ԃē͂tH[̃f[^Aāuv{^
@Ă܂o͂܂񂩁H
@@ȎAxƂ͂悤ƂCĂ܂܂B
@Ƃ䂢vɂȂCł܂̂łBlƁA͂
@uv{^͕KvȂ񂾂낤Ƃ^₪N܂B

@@͒ɋCςăf[^MȂꍇɂ́Ay[W邩
@邢͑̃y[WɈړACꍇɂ́A̓tB[
@hɖ߂ĂxAƂ΂̂ƂłB

@@̈ӖŐ[lꍇAu{^̕Kv͂ȂvƂ_Ɏ
@܂BāAF͂ǂ̂悤ɂlɂȂ܂H@ӌ
@B



CSSuiRj@ZN^

@X^CV[gKp鑊悪uZN^vłBOƂA
X^CV[g̓ZN^ƁAƒl܂񂾁u錾v琬藧Ă
B CSSúÁuZN^vɓďڂ܂B

@{IȃZN^
@ʓIɍłpĂ̂AvfZN^ƂĂꍇłB
@vfZN^Ƃ̂Ał{IȌ`łB

@@p { color: #000000 }

@@́Ai` pvfɒڃX^CV[gw肷̂łB
@AX^CV[gKpłȂvf^܂BɃwb_Ŕz
@uvf^̑AX^CV[gɓKpł܂B
@@Kpłvf́Abodyvf܂߁AbodyvfŔzuvfɌ
@̂ŒӂĂB

@@LOiOX^CV[gjAGxbhiwb_
@ŔzuX^CV[gjŁAZN^ɓ̗vfw肵ꍇA
@y[WׂĂŁA̓肳ꂽvfɃX^CV[gKp܂B

@@A镔̒ił͕FɁA镔ł͔ɂƂ
@vꍇɁAZN^̓eς邱Ƃŉ܂Biqj

@̗vfɓX^CV[gKp
@ZN^ɗvfJ}ŋ؂邱ƂɂA̗vfɓX^CV[
@gw肷邱Ƃo܂B

@@h1, p, div { color: #000000 }

@ׂĂ̗vfɓX^CKp
@bodyvfŔzu邷ׂĂ̗vfɈꊇēX^CV[gw肷
@ꍇɂ́AZN^ɁuAX^XNuvLq܂B

@@* { color: #000000 }

@vf̑֊֌WɂX^CV[g@̂P
@vfAPƂł͉X^CV[g͓KpȂǁAvfƂ
@gݍ킹ŗp邱ƂɂāA߂ăX^CV[gKpZ
@N^̗p@܂B

@@p em { color: #ff0000 }

@@̃X^CV[ǵA emvfApvf̒Ŕzuꂽ
@ƂɃX^CV[gKp܂BRA̗vfŔzuꂽƂ
@́Aω܂BZN^ɃZN^gݍ킹ɕ֗
@ZN^łBQ̗vf͔pXy[Xŋ؂܂B

@vf̑֊֌WɂX^CV[g@̂Q
@̗vfɔzuꂽ̗vfɓKpZN^łB܂A
@̐evfŔzuvf̑O֌WŎw肷̂łB

@@body > h1 { color: #ff0000 }

@@́AvfA̗vfŔzuꂽƂȀꍇ̗vf
@݂̂ɃX^CKp@łBûPvŒ`ĂZN^
@gݍ킹ɂ悭Ă܂B
@@ł́AbodyvfƂevf̒ł͈ʒuꂽꍇɂ̂݁Ah1Ƃ
@ovf̕FςX^CV[głB̃ZN^߂鎋
@onuEUĂ͎̂cOłB

@vf̑֊֌WɂX^CV[g@̂R
@̗vfɔzuqvfɂ̂ݓKpZN^łBȂA
@́AûPvŌf̂ƓӖ܂AႢ܂B

@@@h1 + h2 { color: #ff0000 }

@@́Aevf bodyvfɒڂ͈ʒuꂽƂA bodyvfɔz
@uꂽ h1vf̒ h2vf݂̂ɓKpZN^łB̂߁A
@QԖڈȍ~ɔzuꂽ h2vfɂ͓Kp܂B
@@̃ZN^Ă鎋onuEUꂳĂ܂BƂ
@ppx̍ MSIE ł͕sƂȂĂ܂B

@NXZN^
@ZN^ɃNXݒ肷X^CV[g̎@́AuʎqZN^v
@ƕŁAɃ|s[ȃZN^łB
@@ZN^͔CӂɎw肷邱Ƃo܂B

@NXZN^F̂P
@@vf{sIh{NX@@p.black { color: #000000 }

@@̐ݒ pvfɃNX݂ăX^CV[gw肷@łB
@@@̃X^CV[g𗘗p邽߂ɁAHTMLł͈ȉ̂悤ɋLq܂B

@@@<p class="black">̃̕eLXg͍FɂȂ</p>

@@KpvfɁAėp classgāA̗vfeɃX^C
@@V[gKp܂B

@NXZN^@̂Q
@@sIh{NX@@@.black { color: #000000 }

@@@̏ꍇɂ́Avfw肳Ă܂BPɃZN^ɃNX
@@@肵łB
@@@@̂悤ȏꍇAKpvf͉ł\łB̗vfɁA
@@@classŎw肷邾ŁAX^CV[gKp܂B

@@@@<em class="black">̃̕eLXg͍FɂȂ</em>
@@@@<div class="black">̃̕eLXgFɂȂ</div>

@@@NX̐ݒŗvfw肵Ȃ΁AقƂǂ̗vfɓKp邱
@@@łuėpIȃZN^vɂȂ܂B

@ʎqZN^
@ŌʎqƂ́AuIDvӖ܂B܂AID^̃ZNgƂ
@ƂŗĂBID̎ʎq́ACӂɐݒ肷邱Ƃł܂B

@IDZN^@̂P
@@vf{nbV}[N{ʎq@@p#black { color: #000000 }

@@̐ݒ@ pvfɃnbV}[NuvĎʎq blackƂ
@@Ă܂B̃X^CV[g𗘗p邽߁AHTML͈ȉ̂悤ɋLq
@@܂B

@@@<p id="black">̃̕eLXg͍FɂȂ</p>

@@IDɔʎq́ARɖł܂ANXZN^ƈقȂAP
@@̃y[WŁAP񂵂gp邱Ƃł܂Bʎq
@@vfɗp邱Ƃł܂̂ŒӂĂB
@@@ȂANXZN^͂łp邱Ƃł܂B

@IDZN^@̂Q
@@nbV}[N{ʎq@@#black { color: #000000 }

@@̐ݒ́A̗vfw肵ȂŎʎqZN^ݒ肵Ă܂B
@@@̏ꍇAقƂǂ̗vfɓKpł܂BApł񐔂͂
@̃y[WŁÂP񂾂ƂȂ܂BQȏgp邱Ƃł
@Bʎq́AIDł邽߂ɂPxpłȂ̂łB

܂Ƃ
@X^CV[g̓KpiΏۂƂȂvfj߂ZN^łAŉ
ƂAݒ@ɂĎɑlɕω܂B
@ZN^Rɗp邱ƂŁAΏۂ̗vfłAԂ
\\ɂȂAy[Wʂ邱Ƃł܂B

@񂩂Aۂ̃X^CV[g鑮ƁA̒lɂĉ
Bɂ́AeLXgAFA摜AgATCYAʒuȂǔɍׂȐݒ
@`Ă܂BꂩʔȂƎv܂B



HTMLAXHTML ̉iXj--- summary

@e[u` tablevf̑ŁA\g̓e[Iɕ\킵܂B

@summary@e[u̓e
@DTDF@@@ ׂĂ̕^`ŗp\
@lF@@eLXg
@Lq@F@@<table summary="HTML̑\">
@֘AvfF@table

@XHTML̐Fɂ܂B

@ summarýA񎋊onuEUȂǂ̉{҂ɁAe[uŕ\R
@ec̓eAZɐeLXgŕ\킵܂B
@@onuEUł́Ae[uɑgݍ܂ꂽRec̕\Ƃ
@Ă܂Be[uANZCVuɂ@́Aɂ񂠂
@Ȃł͊{Iȃe[úuTvv܂B

@@ȂAʓIȎonuEUł́Ȃ̓T|[gĂ܂B
@łA{҂̊lȂ΁Ae[uɂ͕K summary
@p悤ɐS܂傤B



XV

@PHP (PHP-Hypertext Preprocessor) ւy[Wǉ܂B
rIȒP WebAvP[VJł PHP͍ŋߐlC}㏸A
̏pTCgłgĂ܂B܂AvoC_T|[gJn
ƂƂ`zA܂܂ PHP̊֐S܂Ă܂B

@ȂAPHP֐t@X͖ƂȂĂ܂B֐ 1000܂`
Ă܂̂ŁASfڂ̂͑̎Ԃv܂Bł
̂珇fڂ܂BB

@PHP  http://www.scollabo.com/banban/php/



͂܂ŁAł͂ł́EE
T̂炢 Weby[Wɂfڂ܂̂ŁA񌩂ĂĂB
Weby[Wł HTML̎sʂ̃TvA蕪₷
܂B킹ĉߋ̋L̂炢fڂĂ܂B

@iT̂炢j
@@http://www.scollabo.com/banban/magazine/review_082.html

@͋vԂɁAJavaScriptu𒆐SƂāAP30ɔzM\肵
@܂B



Eӌ͂͂܂Ł@banban@scollabo.com

@ȂA̍ۂɂ́AȂgOSAuEUAeLXgGfB^
ǁAȂׂ₷𖾋LĂƉ񓚂₷Ȃ
v܂B
@AlIȎRɂԎx邱Ƃ܂BB
}̏ꍇɂ́ATCǧfpBƒN
Ǝv܂B

sҁ@΂΂
@́@XYLER{[V@http://www.scollabo.com/
zMGW@܂܂@http://www.mag2.com/  iID@0000090196j

@뎚EEEϊ~XE\RȂǂɂ́Aɂe͊肢܂B

obNio[@ŌJĂ܂B
v[eLXg  http://www.scollabo.com/banban/magazine/magazine.html
ê炢@@http://www.scollabo.com/banban/magazine/
A[JCu@@@@http://www.scollabo.com/banban/daf/archive.html
܂܂̉ߋL@http://backno.mag2.com/reader/Back?id=0000090196

zM̕ύXE~͂łB
ʂ̎葱͎󂯕tĂ܂̂ŁAʓ|łeł肢łΏ
܂B
TCgɂā@http://www.scollabo.com/banban/magazine/top.html
܂܂ɂā@http://www.mag2.com/m/0000090196.htm



ł`E`ށ

@́udq[̓:123ӂ݁vŁA1994NA̓{dq
[ciJEMAEdWpcj肵āAxN10Nڂɓ
܂BlƁAȊOɓdq[̗j󂢂悤ȋC܂B

@ł͌gѓdb܂߂ēdq[̗ṕA萶ɒ蒅
܂B̃[}KWAdq[Ƃdg݂ŊFɑM
킯ŁA݂ɂ̋ɗaĂƂ܂B

@ŋ߂̓EBXXp[fȂāA̔Q[
ɂȂĂ܂Bdq[ƂtƓɁuZLeBvƂt
蒅Ă̍łB

@dWpc WebTCg F http://www.ejf.gr.jp/



쌠ɂ
l̂obɕۑėpȊŐL̓]ځAp͊{Iɉ
Ă܂BL̓eɂāAfŎgp邱Ƃłւ܂B
@ȂAL̃X^CV[gAHTML̃y[W쐬ɎRɎgĂ
Ăx܂B

    @       Copyright(C) 2002-2004  www.scollabo.com/banban/




